<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/common/meta.jsp"%>
<title>汪星客 - 个人中心 - 消息中心</title>
</head>
<body>
	
	<div class="wrap">
		<div class="header_bg">
			<%@ include file="/common/header.jsp"%>
	    </div>
	    <div class="w">
	    	<div class="path box">
	    		<jsp:include page="/common/frame/frame_path.jsp">
            		<jsp:param name="current" value="消息中心"/>
            	</jsp:include>
	        </div>
	    </div>
	    
	    <div class="main">
	    	<div class="list box">
	        	<div class="pc_left">
	            	<jsp:include page="/common/frame/frame_left.jsp">
	            		<jsp:param name="checked" value="msg"/>
	            	</jsp:include>
	            </div>
	            <div class="pc_right">
	                <ul class="pc_tit" id="list_button_box">
		                <li class="tit_li1_h">全部消息</li>
		                <li class="tit_li3" sType="1">未读消息</li>
		                <li class="tit_li2" sType="2">未回复消息</li>
	                </ul>
	                 <table id="framework_main_msg_datagrid">
						<thead>
					        <tr>
					        	<th data-options="field:'id',checkbox:true"></th>
					        	<th data-options="field:'isRead',formatter:frame.getFormatter('MsgRead'),width:30"></th>
					            <th data-options="field:'msgFromName',width:120">来自</th>
					            <th data-options="field:'msgTitle',formatter:frame.getFormatter('msgTitle', '', '${ctx}'),width:330">主题</th>
					            <th data-options="field:'isAnswer',formatter:frame.getFormatter('MsgAnswer'),width:80">状态</th>
					            <th data-options="field:'createDate',width:120,formatter:frame.getFormatter('DateTime')">时间</th>  
					        </tr>  
					    </thead>
					</table>
	            </div>
	            <div class="clear"></div>
			</div>
	    </div>
	    <div class="footer_bg">
	    	<%@ include file="/common/footer.jsp"%>
	    </div>
	</div>
</body>
<script type="text/javascript">
$(function(){
	//初始化按钮点击事件
	$("#list_button_box > li").click(function(){
		$("#list_button_box > li").each(function(i, li){
			if(i==0) {
				$(this).attr("class", "tit_li1");
			} else if($("#list_button_box > li").length-1==i) {
				$(this).attr("class", "tit_li2");
			} else {
				$(this).attr("class", "tit_li3");
			}
		});
		$(this).attr("class", $(this).attr("class") + "_h");
		var param = {};
		if($(this).attr("sType") == "1") {
			param["s_isRead"] = 0;
		} else if($(this).attr("sType") == "2") {
			param["s_isAnswer"] = 0;
		}
		$("#framework_main_msg_datagrid").datagrid("load", param).datagrid("uncheckAll");
	});
	
	$("#framework_main_msg_datagrid").datagrid({
		height:482,
		width:709,
		//fitColumns:true,
 		url:"${ctx}/msg/list.do",
		//border:false,
		remoteSort : true,			//定义是否从服务器给数据排序
		pagination : true,			//True就会在 datagrid 的底部显示分页栏。
		//rownumbers : true,			//True就会显示行号的列
		idField : 'id',				//标识字符串 (如果不标明这个属性，getSelections方法不能使用)
		striped : true,				//奇偶行使用不同背景色
        //checkOnSelect : false,		//行选择不映射到复选框
        selectOnCheck : false,		//复选框可以多选
        singleSelect : true			//之润徐选一行
//         toolbar:[{
//             text:'删除',
//             iconCls:'icon-remove',
//             handler:function(){
//             	//alert('cut')
//             }
//         }]
 	});
});
</script>
</html>